<!--消息通知-->

#include('head.html' , {title : '消息通知'})
<style>
    @media (min-width:768px){
        #content{
             overflow-y: scroll;
        }
        .panel-footer1{
             margin-bottom:50px;
        }
        #footer{
            position: fixed;
        }
    }
    .media1:hover{
        border-left: 4px solid red !important;
    }
</style>

<body class="">

<section class="vbox" id="app">
    #include('header.html')
    <section>
        <section class="hbox stretch">
            <!-- .aside -->
            <aside class="bg-black dk nav-xs aside hidden-print" id="nav">
                #include('list.html')
            </aside>
            <!-- /.aside -->

            <section id="content">
                <section class="hbox stretch">
                    <section>
                        <section class="vbox">

<!--主要内容start-->    #if(name!=null)
                            <section class="panel bg-white news">
                                <div class="panel-heading b-light bg-light">
                                    #if(news.size()>0)
                                    <strong>你有 <span class="count">${news.size()}</span> 通知</strong>
                                    #else
                                    <strong>暂无通知</strong>
                                    #end
                                </div>
                                <div class="list-group list-group-alt">
                                    #set(h=0)
                                    #for(LeaveWord new1 : news)
                                    <a href="/users/${name.m_id}?read=1#message" class="media list-group-item media1" v-for="n in ">
                                <span class="pull-left thumb-sm">
                                  <img src="/static/upload/img/${news_users[h].m_headPortrait}" alt="..." class="img-circle">
                                </span>
                                        <span class="media-body block m-b-none">
                                  ${news_users[h].m_realname}给你留言了。<br>
                                  <small class="text-muted">${new1.l_time.substring(5,16)}</small>
                                </span>
                                        <input type="hidden" id="messageid" value="${new1.l_id}">
                                    </a>
                                    <!--<button class="btn btn-sm btn-info" >Popover on top</button>-->
                                    #set(h=h+1)
                                    #end
                                    <span class="media-body block m-b-none">
                      <a href="/users/${name.m_id}?read=1#message" class="media list-group-item" style="text-align: center;">
                                点击查看所有留言
                            </a>

                    </span>

                                </div>
                                <div class="panel-footer panel-footer1 text-sm">
                                    <span data-toggle="class:show animated fadeInRight">你共收到 ${allleaveWords.size()} 条留言, 有 ${news.size()} 条未阅读.</span>
                                </div>
                            </section>
                            #else
                            <script>
                                window.location="/signin";
                            </script>
                            #end
<!--主要内容end-->
                            #include('/footer.html')
                        </section>
                    </section>

                </section>
                <a href="#" class="hide nav-off-screen-block" data-toggle="class:nav-off-screen,open" data-target="#nav,html"></a>
            </section>
        </section>
    </section>
</section>
<script>
      new Vue({
          el : '#app'
      });
  </script>


#include('js.html')
<script src="/static/js/aboutus/demo.js"></script>
</body>
</html>